{% extends "base.html" %}
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
{%block title%}Perfil de usuario{% endblock %}


{% block content %}
	<h1>Bienvenido {{usuario.username}}</h1>
	<h1>
			<span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="color: rgb(105, 105, 105);"><span style="font-size: 36px;">Productos en venta</span></span></span></h1>

    <div>
			<h2>
				<span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Generadores </span></span></span></h2>
			<table border="0" cellpadding="0" cellspacing="1" dir="ltr" style="width: 70%; height: 10px;">
				<tbody>
					<tr>
						<td style="width: 20px; white-space: nowrap;">
							<a href="http://127.0.0.1:8000/generadores"><img src="{{ STATIC_PREFIX }}images/catalogo/generador.jpg" /></a></td>
						<td style="white-space: nowrap; width: 30px;">
							<h3>
								<span style="color:#808080;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n del producto</span></span></h3>
							<p>
								<span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Generadores de energ&iacute;a el&eacute;ctrica</span></span></span></p>
						</td>
					</tr>
				</tbody>
			</table>
			<hr />
			
			<h2>
				<span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Motores </span></span></span></h2>
			<table table border="0" cellpadding="0" cellspacing="1" dir="ltr" style="width: 70%; height: 10px;">
				<tbody>
					<tr>
						<td style="width: 20px; white-space: nowrap;">
							<a href="http://127.0.0.1:8000/motores"><img src="{{ STATIC_PREFIX }}images/catalogo/motor.jpg" /></a></td>
						<td style="white-space: nowrap; width: 30px;">
							<h3>
								<span style="color:#808080;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n del producto</span></span></h3>
							<p>
								<span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Motores de gasolina</span></span></span></p>
						</td>
					</tr>
				</tbody>
			</table>
			<hr />
			<h2>
				<span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Bombas </span></span></span></h2>
			<table border="0" cellpadding="0" cellspacing="1" style="height: 10px; width: 70%;">
				<tbody>
					<tr>
						<td style="white-space: nowrap; width: 10px; text-align: left; vertical-align: middle;">
							<a href="http://127.0.0.1:8000/bombas"><img alt="Bombas" src="{{ STATIC_PREFIX }}images/catalogo/bomba.jpg" /></a></td>
						<td style="white-space: nowrap; width: 30px;">
							<h3>
								<span style="color:#808080;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n del producto</span></span></h3>
							<p>
								<span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Bombas de agua</span></span></span></p>
						</td>
					</tr>
				</tbody>
			</table>
			<hr />
			<h2>
				<span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Chapeadoras </span></span></span></h2>
			<table border="0" cellpadding="0" cellspacing="1" style="height: 10px; width: 70%;">
				<tbody>
					<tr>
						<td style="white-space: nowrap; width: 10px;">
							<a href="http://127.0.0.1:8000/chapeadoras"><img alt="Chapeadoras" src="{{ STATIC_PREFIX }}images/catalogo/chapeadora.jpg" /></a></td>
						<td style="white-space: nowrap; width: 30px;">
							<h3>
								<span style="color:#808080;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n del producto</span></span></h3>
							<p>
								<span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Chapeadoras para cortar el monte</span></span></span></p>
						</td>
					</tr>
				</tbody>
			</table>
			<hr />
			<h2>
				<span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Vibradores de concreto </span></span></span></h2>
			<table border="0" cellpadding="0" cellspacing="1" style="height: 10px; width: 70%;">
				<tbody>
					<tr>
						<td style="white-space: nowrap; width: 10px;">
							<a href="http://127.0.0.1:8000/vibradores"><img alt="Vibradores" src="{{ STATIC_PREFIX }}images/catalogo/vibrador.jpg" /></a></td>
						<td style="white-space: nowrap; width: 30px;">
							<h3>
								<span style="color:#808080;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n del producto</span></span></h3>
							<p>
								<span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Vibradores de concreto</span></span></span></p>
						</td>
					</tr>
				</tbody>
			</table>
			<hr />
			<h2>
				<span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Repuestos </span></span></span></h2>
			<table border="0" cellpadding="0" cellspacing="1" style="height: 10px; width: 70%;">
				<tbody>
					<tr>
						<td style="white-space: nowrap; width: 10px;">
							<a href="http://127.0.0.1:8000/repuestos"><img alt="Repuestos" src="{{ STATIC_PREFIX }}images/catalogo/repuestos.jpg" /></a></td>
						<td style="white-space: nowrap; width: 10px;">
							<h3>
								<span style="color:#808080;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n del producto</span></span></h3>
							<p>
								<span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Repuestos para todo tipo de maquinaria</span></span></span></p>
						</td>
					</tr>
				</tbody>
			</table>
			<hr />
		
		</div>



{% endblock %}